//定制请求的实例

//导入axios npm install axios 

import axios from 'axios';
import { ElMessage } from 'element-plus'
//定义一个变量，记录公共的前缀，baseURL
// const baseURL='http://localhost:8080'
const baseURL='/api'
const instance=axios.create({baseURL})

import { useUserStore } from '@/stores/token';
// 添加请求拦截器
instance.interceptors.request.use(
    (config) => {
      // 从 Pinia store 获取 Token
      const userStore = useUserStore();
      //判断有没有token
      if(userStore.token){
        config.headers.Authorization=userStore.token
      }
      return config;
    },
    (error) => {
      ElMessage.error('请求错误');
      return Promise.reject(error);
    }
  );

  // import { useRoute } from 'vue-router';
  // const router = useRoute();
  import router from '@/router'
  //添加响应拦截器
  instance.interceptors.response.use(
    result => {
        //判断业务状态码
        if(result.data.code===200){
            return result.data;
        }
        ElMessage.error(result.data.msg?result.data.msg:'服务异常')
        //异步操作的状态转换为失败
        return Promise.reject(result.data)
        
    },
    err => {
      //判断响应状态码，如果为401，则证明未登录，并跳转到登录界面
      if(err.response.status===401){
        ElMessage.error('请先登录')
        router.push('/login')
      }else{
        ElMessage.error('服务异常')
      }
        return Promise.reject(err)
      }
  )

  export default instance;